<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="../css/reset.css" />
        <link rel="stylesheet" href="../css/login.css" />
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    </head>
    <body>
        <div class="left">
            <img src="../img/loginbjt.jpg" alt="" />
        </div>
        <div class="right">
            <div class="top clear_fix">
                <div class="top_left">
                    <a href="../html/index.html"><img src="../img/logo.png" alt="" /></a>
                    <span>小米账号</span>
                </div>
                <div class="top_right">
                    <a href="#">用户协议</a>
                    <a href="#">隐私政策</a>
                    <a href="#">帮助中心</a>
                    <span>|</span>
                    <a href="#"
                        >中文(简体)
                        <span class="iconfont">&#xe6aa;</span>
                        <div class="yuyan">
                            <i href="#">‎‎中文(繁體)‎</i>
                            <i href="#">‎‎英文‎</i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="main">
                <div class="login">
                    <div class="ewm">
                        <span class="iconfont">&#xe628;</span>
                        <div class="bk"></div>
                    </div>

                    <div id="dlzc">
                        <a href="#" class="dl_active">登录</a>
                        <a href="#">注册</a>
                        <div></div>
                    </div>
                    <div id="dlzcxx">
                        <div class="yhmkj">
                            <div class="bjs"></div>
                            <label>邮箱/手机号码/小米ID</label>
                            <input type="text" id="username" />
                            <p style="display: none">请输入账号</p>
                        </div>
                        <div class="mmkj">
                            <div class="bjs"></div>
                            <label>密码</label>
                            <input type="password" id="password" />
                            <p style="display: none">请输登录入密码</p>
                            <span id="yj" class="iconfont">&#xe63a;</span>
                        </div>
                        <input type="button" value="登录" id="dl" />
                        <div class="dlxm clear_fix">
                            <span class="sp1"><a href="#">忘记密码?</a> </span>
                            <span class="sp2"><a href="#">手机号登录</a> </span>
                        </div>
                        <div class="qtfsdl clear_fix">
                            <span class="sp1">其他方式登录</span>
                            <span class="sp2">
                                <a href="#" class="iconfont">&#xe62c;</a>
                                <a href="#" class="iconfont">&#xe61a;</a>
                                <a href="#" class="iconfont">&#xe60f;</a>
                                <a href="#" class="iconfont">&#xe60a;</a>
                            </span>
                        </div>
                    </div>
                    <div id="zczhxx">
                        <div class="yxkj">
                            <div class="bjs"></div>
                            <label>邮箱</label>
                            <input type="text" id="e-mail" />
                            <p style="display: none">请输入邮箱</p>
                        </div>
                        <div class="dqkj">
                            <div class="bjs"></div>
                            <label>请输入密码</label>
                            <input type="password" id="password_zc" />
                            <p style="display: none">请输入密码</p>
                        </div>
                        <div class="yzmkj">
                            <div class="bjs"></div>
                            <label>验证码</label>
                            <input type="text" id="code" />
                            <p style="display: none">请输入验证码</p>
                            <button id="hqyzm">获取验证码</button>
                        </div>
                        <div class="zckj">
                            <button id="zc">注册</button>
                            <span>收不到验证码?</span>
                        </div>
                        <div class="tiaokuan">
                            <input type="checkbox" />已阅读并同意小米帐号<a href="#">用户协议</a>和<a href="#">隐私政策</a>
                        </div>
                        <div class="qtfsdl clear_fix">
                            <span class="sp1">其他方式登录</span>
                            <span class="sp2">
                                <a href="#" class="iconfont">&#xe62c;</a>
                                <a href="#" class="iconfont">&#xe61a;</a>
                                <a href="#" class="iconfont">&#xe60f;</a>
                                <a href="#" class="iconfont">&#xe60a;</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="button">小米公司版权所有-京ICP备10046444-<a href="#">京公网安备11010802020134号</a>-京ICP证110507号</div>
        </div>
        <script src="../js/require.js" data-main="../js/login.js"></script>
    </body>
</html>
